<script setup lang="ts">
import { Ubuntu, Windows } from "@vicons/fa";
import { NAvatar, NIcon } from "naive-ui";

const props = defineProps({ value: String } as {
  value: StringConstructor;
  size: NumberConstructor;
});
</script>

<template>
  <NIcon v-if="props.value === 'ubuntu'" color="#E95420" :component="Ubuntu" />
  <NIcon
    v-else-if="props.value === 'windows'"
    color="#3D77D2"
    :component="Windows"
  />
  <NAvatar v-else />
</template>
